/* 
    Document   : base
    Created on : 27 déc. 2011, 20:24:47
    Author     : Mamoune
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {background: #F0F0F0;}
body {
    width: 70%;
    margin:0px auto;
}
img {border: none;}
a{text-decoration: none;}
span, a {text-decoration: none;color:darkblue;font-weight: bold;}
h1 {color: black;}
button {
    width: 170px;height: 40px;
    margin-bottom: 10px;
    border-bottom: 0.2em solid #666666;
    border-width: 1px 1px 0.2em;
    color:darkblue;
    cursor: pointer;
    font-size: 1em;
    line-height: 1;
    padding: 0.3em 0.6em;
    -moz-border-radius: 10.2em 10.2em 10.2em 10.2em;
    -moz-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.5);
}
button span {
    text-align: right;padding-top: 3px;}
input[type="submit"],input[type="reset"],button:hover {background-color: darkgray;}
#header button span {padding-top: 3px;}
button img {float: left;}
legend{font-weight: bold;color:darkblue; margin:20px 20px 20px 20px;}
input {padding:5px 5px 5px 5px;text-shadow:1px 1px 2px #AAAAAA;color:darkblue;}
input[type="submit"],input[type="reset"]{
    border:1px solid darkblue;
    color:darkblue;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius:11px 11px 11px 11px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
    width: 100px;
    margin-right: 10px;
}
textarea {width: 100%;margin:0 auto;}
/* textarea:hover {background-color: #F0F0F0;} */
table {
    border-width:1px;
    border-style:dotted;
    border-collapse:collapse;
    width:90%;
}
th {
    border: thin solid #6495ed;
    width: 50%;
    padding: 5px;
    background-color: #D0E3FA;
    text-align: center;
}

th, td {
    border: thin solid #ECE3A5;
    width:50%;
}
tr>th {border: thin solid white;}
#top td {border: thin solid white;}
caption {
    font-weight:bold
}
p{color: #000;}

/*
 * Style pour la page d'accueil
 * -----------------------------
*/
#main{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;

    background: #FFFFFF;
}
#main h1 {text-align: center;}
#formBox {
    width: 80%;
    margin: 0px auto;
}
#formBox fieldset{
    -moz-border-radius:20px 20px 0px 0px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFCA4A;
}
#formBox label{padding:10px 10px 10px 10px;color:darkblue;}

#footer{text-align: center;}

/*
 * Formulaire de connexion Accueil
 * -------------------------------
*/
.box {background: none repeat scroll 0 0 #FDFDFD;border-color: #61A9DF;-moz-border-radius : 50px 50px 50px 50px;}
.box img {}

/** Bouton de connexion **/
.bouton {
    -moz-border-radius:11px 11px 11px 11px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
    width: auto !important;
}
#connexionForm {width: 400px;margin:0px auto;}

/**=============================================================
 ** Style pour la page principal du site - Back office / Backend
 ============================================================**/
#global {width: 100%; margin:10px auto;background: #FFFFFE;}

/*--Entete--*/
#header {width: 100%;height: 150px;border-bottom:1px solid burlywood;padding-top: 10px;}
#logo {width: 295px;float: left;}
#titre{width: 295px;position: relative; margin-left: 295px;}
#titre h1 {text-shadow:1px 1px 2px #AAAAAA;}
#version{color:cadetblue;font-style: italic;font-weight: normal;font-size: large;}
#session{
    background-color: #ECE3A5;
    border-left:1px solid darkgrey;
}
#connexion img {float: left;}

/*--Bloc de gauche--*/
#leftmenu {float: left; width:200px;text-align: center;border-right: solid 1px burlywood;}
#leftmenu div {width: 100%;}
#leftmenu img{float: left;}
#leftmenu h3, ul {text-align: justify;}
#menu {margin-top: 10px;}

#trie img {float: left;}

/*--Contenu principal--*/
#contenu{margin-left:200px;padding:0px 3px 0px 3px;text-align: justify;border-left: solid 1px burlywood;}
#contenu button {
    background-color: #5D689A;
}

/*--Pied de page--*/
#footer{margin-top: 10px;}

/**================
 ** Styles gÃ©nÃ©raux
 =================**/
.clear {clear:both;}
.shadow{ -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: -3px 5px 7px 3px #CCCCCC;}
.textshad{text-shadow:1px 1px 2px #AAAAAA;}
.left {text-align: left;}
.right {text-align: right;float: right;}
ul.tabs li {width: auto;}
#session input[type="submit"] {width: 110px;}

.panes div {
                display:none;
                padding:15px 10px;
                border:1px solid #999;
                border-top:0;
                height:auto;
                font-size:14px;
                background-color:#fff;
            }
            ul.tabs a {font-size: 14px;}